<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>

<body>
    <div id="app">
        <!-- 插值表达式 -->
        {{msg}}
    </div>
    <script type="text/javascript" src="js/vue.js"></script>
    <script>
        /*
         * 渐进式JavaScript框架：
         *   声明式渲染->组件系统->客户端路由->集中式状态管理
         * 库：JS api   框架：提供基础服务，虚拟DOM
         *
         * Vue 既可以当库使用，也可以当框架使用
         *
         * el ：元素的挂载位置
         * data: 模型数据 (值是一个对象)
         * 
         * {{msg}} ： vue.js(框架)  将vue语法转为原生语法(编译过程)，供浏览器识别
         * */
        var vm = new Vue({
            el: '#app',
            data: {
                msg: "hello vue"
            }
        })
    </script>
</body>

</html>